<template>
	<el-row :gutter="20">
		<el-col :span="25">
			<el-card>
				<el-row>
					<el-statistic :value="1000">
						<template #title>
							<div style="display: inline-flex; align-items: center">初筛</div>
						</template>
						<template #suffix> </template>
					</el-statistic>
				</el-row>
			</el-card>
		</el-col>
		<el-col :span="25">
			<el-card>
				<el-row>
					<el-statistic :value="100">
						<template #title>
							<div style="display: inline-flex; align-items: center">面试</div>
						</template>
						<template #suffix> </template>
					</el-statistic>
				</el-row>
			</el-card>
		</el-col>
		<el-col :span="25">
			<el-card>
				<el-row>
					<el-statistic :value="900">
						<template #title>
							<div style="display: inline-flex; align-items: center">录用</div>
						</template>
						<template #suffix> </template>
					</el-statistic>
				</el-row>
			</el-card>
		</el-col>
		<el-col :span="25">
			<el-card>
				<el-row>
					<el-statistic :value="90">
						<template #title>
							<div style="display: inline-flex; align-items: center">入职</div>
						</template>
						<template #suffix> </template>
					</el-statistic>
				</el-row>
			</el-card>
		</el-col>
		<el-col :span="25">
			<el-card>
				<el-row>
					<el-statistic :value="90">
						<template #title>
							<div style="display: inline-flex; align-items: center">淘汰</div>
						</template>
						<template #suffix> </template>
					</el-statistic>
				</el-row>
			</el-card>
		</el-col>
	</el-row>
</template>

<style scoped>
:deep(.el-col-25) {
	width: 20%;
}

.ico {
	display: flex;
	justify-content: center;
	align-items: center;
	:deep(.icon-svg) {
		border-radius: 50%;
	}
}
</style>

<script setup lang="ts" name="profileTopIndex"></script>
